<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width" />
  <title>联系我们-日本海外仓-日本FBA-一件代发-FBA头程</title>
  <meta name="keywords" content="日本海外仓,日本FBA,日本头程,日本一件代发,日本fba派送,FBA转运,日本FBA清关,FBA头程" />
  <meta name="description"
    content="筋斗云物流（苏州）有限公司创立于2018年,是由日本筋斗云株式会社投资创办,致力于科技物流,日本海外仓,日本FBA清关,FBA头程,日亚FBA,日本海外仓储及配送为一体的智能物流研究,筋斗云结合问题与实际大数据进行分析,建立双库模式,优化跨境路线,提供日本海外仓储及配送为一体的服务" />
  <link rel="icon" href="https://image.cloudkinto.com/webhome/logo.ico" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <style>
    /* xl */
    body{
        margin: 0;
      }
    .imglogo {
      display: flex;
      justify-content: space-between;
    }

    .txtone {
      font-size: 16px !important;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN !important;
      font-weight: 400 !important;
      color: #999999 !important;
    }

    #storage1 {
      appearance: none;

      -moz-appearance: none;

      -webkit-appearance: none;

      background: url("https://image.cloudkinto.com/webhome/icon.png") no-repeat scroll right center transparent;
      background-position-x: 236px;
      background-size: 12px;
    }

    #storage1::-ms-expand {
      display: none;
    }

    #storage2 {
      background: #ffffff;
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 6px 6px 6px 6px;
      height: 50px;
      border: 0;
      margin-bottom: 30px;
    }

    #storage2 {
      appearance: none;

      -moz-appearance: none;

      -webkit-appearance: none;

      background: url("https://image.cloudkinto.com/webhome/icon.png") no-repeat scroll right center transparent;
      background-position-x: 523px;
      background-size: 12px;
    }

    #storage2::-ms-expand {
      display: none;
    }

    .formcontent select {
      appearance: none;

      -moz-appearance: none;

      -webkit-appearance: none;

      background: url("https://image.cloudkinto.com/webhome/icon.png") no-repeat scroll right center transparent;
      background-position-x: 227px;
      background-size: 12px;
    }

    .formcontent select::-ms-expand {
      display: none;
    }

    .secondright {
      border: 1px #000 dotted;
    }

    .secondleft p {
      margin-bottom: 30px;
      font-size: 20px;
      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
      font-weight: bold;
      color: #333333;
    }

    .secondleft span {
      width: 100px;
      display: inline-block;
    }

    .secondleft .smallsize {
      width: auto;
      font-size: 16px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #333333;
    }

    .bottomsssa {
      padding: 15px 0 !important;
      background: #323337 !important;
      opacity: 1;
      border: 1px solid #707070 !important;
    }

    .bottomsssa a {
      font-family: Microsoft YaHei-Regular, Microsoft YaHei;
      font-weight: 400;
      font-size: 12px;
      text-decoration: none;
      color: #656363;
    }

    .submits {
      width: 100px;
      height: 40px;
      border-radius: 6px 6px 6px 6px;
      background-color: #d3f1f8;
      opacity: 1;
      color: #00bbf0;
      border: 1px solid #27b7dc;
    }

    #textareas {
      margin-top: 30px;
      background: #ffffff;
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 6px 6px 6px 6px;
      width: 100% !important;
      padding: 1px 0;
      border: 0 !important;
    }

    .emails {
      height: 50px;
      background: #ffffff;
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 6px 6px 6px 6px;
      width: 100%;
      border: 0;
      padding: 1px 0;
    }

    .inputss2 {
      height: 50px;
      background: #ffffff;
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 6px 6px 6px 6px;
      width: 100%;
      border: 0;
      padding: 1px 0;
    }

    .inputss {
      width: 255px;
      height: 50px;
      background: #ffffff;
      margin-bottom: 30px;
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 6px 6px 6px 6px;
      border: 0;
    }

    .select1 {
      width: 266px;
      height: 50px;
      background: #ffffff;
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 6px 6px 6px 6px;
      border: 0;
    }

    .forms {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    .formcontent {
      width: 1200px;
      height: 550px;
      display: flex;
      justify-content: space-between;
    }

    .leftcontent {
      margin-right: 100px;
      flex: 1;
    }

    .leftcontent textarea::placeholder {
      /* padding-left: 12px; */
      font-size: 16px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #999999;
    }

    .leftcontent input::placeholder {
      /* padding-left: 12px; */
      font-size: 16px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #999999;
    }

    .rightcontent {
      flex: 1;
    }

    .consulting {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 100px;
      width: 100%;
      height: 200px;
    }

    .cosulttitle {
      margin-top: 100px;
      margin-bottom: 0;
      font-size: 38px;
      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
      font-weight: 500;
      color: #333333;
    }

    .txt2 {
      margin-top: 22px;
      font-size: 20px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #666666;
    }

    /* xl */
    @media screen and (min-width: 1px) and (max-width: 401px) {
      html {
        width: 400%;
      }
    }

    @media screen and (min-width: 401px) and (max-width: 626px) {
      html {
        width: 326%;
      }
    }

    @media screen and (min-width: 626px) and (max-width: 1029px) {
      html {
        width: 225%;
      }
    }

    @media screen and (min-width: 1030px) {
      html {
        width: 100%;
      }
    }

    html,
    body {
      background-color: #fff;
      margin: 0;
      padding: 0;
      overflow: hidden;
      overflow-y: auto;
    }

    bm-marker img {
      width: 100px;
    }

    .bm-view {
      width: 1200px;
      height: 300px;
      margin: 50px auto;
    }

    .header {
      height: 69px;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .header .nav {
      position: fixed;
      top: 0;
      z-index: 99;
      display: flex;
      height: 69px;
      width: 100%;
      background-color: #fff;
    }

    .header .nav .jindouyun {
      width: 393px;
      height: 69px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }

    .header .nav .jindouyun img {
      width: 151px;
      height: 33px;
    }

    .header .nav .navtext {
      margin-left: 192px;
      width: 644px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 69px;
    }

    .header .nav .navtext div {
      font-size: 18px;
      color: #414141;
      width: 20%;
    }

    .header .nav .navtext div:hover {
      color: #00609e;
      cursor: pointer;
    }

    .header .nav .navtext .lastdiv {
      text-align: right;
    }

    .header .nav .btn {
      display: flex;
      margin-left: 53px;
      width: 160px;
      height: 69px;
      text-align: center;
      align-items: center;
      line-height: 69px;
    }

    .header .nav .btn button {
      flex: 1;
      height: 32px;
      background-color: #0075c2;
      border: 1px solid #fff;
      border-radius: 5px;
      box-sizing: border-box;
    }

    .header .nav .btn button:hover {
      cursor: pointer;
      background-color: #00609e;
    }

    .header .title {
      width: 620px;
      height: 136px;
      background-color: yellow;
      position: absolute;
      left: 228px;
      top: 259px;
    }

    .header .title div {
      background-color: pink;
      font-size: 46px;
      height: 68px;
      box-sizing: border-box;
    }

    .bgc {
      margin-top: 69px;
      height: 100%;
      overflow: hidden;
      /* background-image: url("https://image.cloudkinto.com/webhome/contactbgc.png"); */
      background-repeat: no-repeat;
      background-size: cover;
    }

    .bgc .bgcmid {
      height: 104px;
      width: 293px;
      margin-top: 224px;
      margin-left: 360px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .bgc .bgcmid .one {
      width: 293px;
      height: 38px;
      font-size: 40px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
      line-height: 38px;
    }

    .bgc .bgcmid .two {
      width: 293px;
      height: 48px;
      font-size: 18px;
      font-family: Source Han Sans CN;
      font-weight: 300;
      color: #ffffff;
    }

    .cmid {
      height: 542px;
    }

    .cmid .cmidcont {
      width: 1200px;
      height: 542px;
      margin: 0 auto;
      display: flex;
      position: relative;
    }

    .cmid .cmidcont .cmidone {
      width: 480px;
      height: 542px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }

    .cmid .cmidcont .cmidone .cmidfirst {
      height: 63px;
      width: 480px;
    }

    .cmid .cmidcont .cmidone .cmidfirst img {
      width: 292px;
      height: 63px;
    }

    .cmid .cmidcont .cmidone .cmidsecond {
      height: 31px;
      width: 480px;
      display: flex;
    }

    .cmid .cmidcont .cmidone .cmidsecond .secondone {
      height: 31px;
      width: 31px;
    }

    .cmid .cmidcont .cmidone .cmidsecond .secondone img {
      text-align: center;
      line-height: 31px;
      height: 31px;
      width: 31px;
    }

    .cmid .cmidcont .cmidone .cmidsecond .secondtwo {
      margin-left: 30px;
      height: 31px;
      width: 480px;
      font-size: 16px;
      line-height: 31px;
      font-family: Source Han Sans CN;
      font-weight: 400;
    }

    .cmid .cmidcont .cmidone .cmidlast {
      height: 183px;
      width: 480px;
      display: flex;
      justify-content: space-around;
    }

    .cmid .cmidcont .cmidone .cmidlast div {
      width: 143px;
      height: 183px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .cmid .cmidcont .cmidone .cmidlast div .cmidlastone {
      margin-top: 10px;
      width: 143px;
      height: 143px;
      background-color: #444444;
    }

    .cmid .cmidcont .cmidone .cmidlast div .cmidlastone img {
      width: 143px;
      height: 143px;
    }

    .cmid .cmidcont .cmidone .cmidlast div .cmidlasttwo {
      width: 143px;
      height: 30px;
      background-color: #ffffff;
      font-size: 18px;
      text-align: center;
      line-height: 30px;
    }

    .cmid .cmidcont .cmidtwo {
      width: 700px;
      height: 676px;
      margin-left: 20px;
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
      opacity: 0.84;
      border-radius: 0px 0px 4px 4px;
    }

    .cmid .cmidcont .cmidtwo .cmidtwoone {
      height: 134px;
      width: 700px;
      background-color: #f4f4f6;
      background: #f4f4f6;
      opacity: 0.84;
      border-radius: 4px 4px 0px 0px;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    .cmid .cmidcont .cmidtwo .cmidtwoone .cmidtwoone1 {
      width: 90px;
      height: 90px;
      border-radius: 4px 4px 0px 0px;
    }

    .cmid .cmidcont .cmidtwo .cmidtwoone .cmidtwoone1 img {
      width: 90px;
      height: 90px;
    }

    .cmid .cmidcont .cmidtwo .cmidtwoone .cmidtwoone2 {
      width: 450px;
      height: 44px;
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #555555;
    }

    .cmid .cmidcont .cmidtwo .cmidtwotwo {
      height: 134px;
      width: 700px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
    }

    .cmid .cmidcont .cmidtwo .cmidtwotwo .cmidtwotwoTop {
      width: 300px;
      height: 44px;
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
      opacity: 0.84;
      border-radius: 0px 0px 4px 4px;
      align-items: center;
      display: flex;
    }

    .cmid .cmidcont .cmidtwo .cmidtwotwo .cmidtwotwoTop .cmidtwotwo1 {
      width: 55px;
      height: 14px;
      font-size: 12px;
      font-family: Source Han Sans CN;
      font-weight: 300;
      color: #393939;
      line-height: 14px;
      text-align: center;
    }

    .cmid .cmidcont .cmidtwo .cmidtwotwo .cmidtwotwoTop .cmidtwotwo2 {
      height: 44px;
      width: 240px;
    }

    .cmid .cmidcont .cmidtwo .cmidtwotwo .cmidtwotwoTop .cmidtwotwo2 input {
      height: 44px;
      width: 240px;
      border: none;
    }

    .cmid .cmidcont .cmidtwo .cmidtwothree {
      height: 34px;
      width: 700px;
      font-size: 24px;
      font-family: Heiti SC;
      font-weight: 300;
      color: #262626;
      line-height: 34px;
      margin-left: 24px;
    }

    .cmid .cmidcont .cmidtwo .cmidtwofour {
      height: 106px;
      width: 700px;
    }

    .cmid .cmidcont .cmidtwo .cmidtwofour textarea {
      height: 146px;
      width: 654px;
      margin-top: -40px;
      margin-left: 24px;
      background: #f4f4f6;
      border-radius: 4px;
      font-size: 16px;
    }

    .cmid .cmidcont .cmidtwo .cmidtwofive {
      margin-top: -30px;
      margin-bottom: 10px;
      height: 44px;
      width: 700px;
      display: flex;
      justify-items: center;
    }

    .cmid .cmidcont .cmidtwo .cmidtwofive .el-button {
      margin-top: -30px;
      height: 44px;
      width: 640px;
      background: #0075c2;
      border-radius: 2px;
      margin: 0 auto;
    }

    .footer {
      margin-top: 244px;
      /* height: 262px; */
      /* background-color: #0075c2; */
    }

    .footer .footer_content {
      width: 1200px;
      height: 262px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
    }

    .footer .footer_content div {
      flex: 1;
    }

    .footer .footer_content .footer1 {
      border-bottom: 1px solid #ccc;
      flex: 1;
      display: flex;
      text-align: left;
      line-height: 131px;
      font-size: 22px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
    }

    .footer .footer_content .footer1 .footer2 {
      display: flex;
    }

    .footer .footer_content .footer1 .footer2 div {
      flex: 1;
      display: flex;
      align-items: center;
      height: 131px;
    }

    .footer .footer_content .footer1 .footer2 div img {
      width: 40px;
      height: 40px;
    }

    .footer .footer_content .footer1 .footer2 div .fistimg {
      width: 55px;
      height: 55px;
    }

    .footer .footer_content .footer1 .footer2 div .text {
      text-align: left;
      font-family: Source Han Sans CN;
      font-weight: 300;
      color: #ffffff;
      line-height: 30px;
    }

    .footer .footer_content .footer3 {
      width: 60%;
      height: 69px;
      margin: 0 auto;
      background-color: #0276c2;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .footer .footer_content .footer3 .footer2_content {
      width: 627px;
      margin: 46px auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .footer .footer_content .footer3 .footer2_content div {
      height: 19px;
      border-right: 1px solid #ffffff;
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #fffefe;
      line-height: 19px;
      text-align: center;
    }

    .footer .footer_content .footer3 .footer2_content div:last-child {
      border-right: none;
    }

    .footer .footer_content .footer4 {
      text-align: center;
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
    }

    .footer .bm-label {
      background-color: red;
    }

    .fixedRight {
      width: 60px;
      background-color: #0075c2;
      height: 60px;
      position: fixed;
      bottom: 100px;
      right: 0;
      z-index: 15;
      border-radius: 4px;
    }

    .fixed-right-link {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .fixed-right-title {
      font-size: 12px;
      color: #ffffff;
    }
    .phones {
      /* margin-left: 315px; */
      margin-left: 46px;
      margin-right: 14px;
    }
  </style>
</head>
<script>
  var _hmt = _hmt || [];
  (function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?812243a8b68fafa5874136ec3cbbf627";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>

<body>
  <div class="ContactUs">
    <div class="header1" :style="style">
      <div class="headerone">
        <div class="headerone1">
          <img id="newlogo" src="https://image.cloudkinto.com/webhome/logo.png" width="151px" height="33px" alt />
        </div>
        <div class="headerone2">
          <div class="lastdiv">
            <a href="index.html">首页</a>
          </div>
          <div>
            <a href="TariffProcess.html">资费流程</a>
          </div>
          <div>
            <a href="/news">案例资讯</a>
          </div>
          <div>
            <a href="Introduction.html">公司简介</a>
          </div>
          <div>
            <a href="ContactUs.html" style="color: #00609e;">联系我们</a>
          </div>
        </div>
        <div class="headerone3">
          <div>
            <a class="a" href="https://www.cloudkinto.com/kinto/login">登录</a>
          </div>
          <div>
            <a class="a" href="https://www.cloudkinto.com/kinto/register">注册</a>
          </div>
        </div>
        <div>
          <a href="javascript:;" style="display: flex;align-items: center;color: #000000;text-decoration: none;"
            onclick="copy()">
            <p class="phones"><img src="https://image.cloudkinto.com/webhome/phone.png" alt=""></p>
            <strong id="text" style="font-size: 18px;">18020248621</strong>
          </a>
        </div>
      </div>
    </div>
    <div class="bgc">
      <div style="height: 100%; width: 100%"><img src="https://image.cloudkinto.com/webhome/contactbgc.png" alt="" width="100%" /></div>
    </div>
    <div class="consulting">
      <p class="cosulttitle">入驻申请表</p>
      <p class="txt2">请填下您的个人/公司信息，我们会在12小时内联系您，并为您提供一份相关提案。</p>
    </div>
    <div class="forms">
      <div class="formcontent">
        <div class="leftcontent">
          <div style="display: flex; justify-content: space-between">
            <input type="text" class="inputss" style="margin-right: 30px;padding-left: 10px;" placeholder="公司名称"
              id="namex" />
            <select name="" placeholder="人员规模" class="select1" id="Personnel" aria-placeholder=""
              style="border: 0; padding-left: 10px;border-radius: 6px" onchange="changes(this,'Personnel')">
              <option value="" disabled selected>人员规模</option>
              <option value="0-100人">0-100人</option>
              <option value="100-500人">100-500人</option>
              <option value="500-1000人">500-1000人</option>
              <option value="1000-2000人">1000-2000人</option>
              <option value="2000人以上">2000人以上</option>
            </select>
            <!-- <select name="" onchange="changes()" placeholder="组织类型" class="select1" id="storage1" aria-placeholder=""
              style="border: 0; padding-left: 10px;border-radius: 6px" placeholder="请选择仓库">
              <option value="组织类型">组织类型</option>
              <option value="个人">个人</option>
              <option value="单位组织">单位组织</option>
            </select> -->
          </div>
          <div style="display: flex; justify-content: space-between">
            <select name="" placeholder="出口规模" class="select1" id="Export"  onchange="changes(this,'Export')" aria-placeholder=""
              style="border: 0; padding-left: 10px;border-radius: 6px">
              <option value="" disabled selected>出口规模</option>
              <option value="500万美金以下">500万美金以下</option>
              <option value="500-1000万美金">500-1000万美金</option>
              <option value="1000-2000万美金">1000-2000万美金</option>
              <option value="2000-5000万美金">2000-5000万美金</option>
              <option value="5000万美金以上">5000万美金以上</option>
            </select>
            <select name="TypeOfCompany" class="select1" id="TypeOfCompany" aria-placeholder="公司类型"  onchange="changes(this,'TypeOfCompany')"
              style="border: 0; padding-left: 10px;border-radius: 6px">
              <option value="" disabled selected>公司类型</option>
              <option value="工厂">工厂</option>
              <option value="贸易公司">贸易公司</option>
              <option value="工贸一体">工贸一体</option>
              <option value="合作伙伴">合作伙伴</option>
            </select>
            <!-- <input type="text" style="padding-left: 10px;" class="inputss" placeholder="联系电话" id="phones" /> -->
          </div>
          <div style="margin: 30px 0"><input type="text" id="address" style="padding-left: 10px;box-sizing: border-box;"
              class="inputss2" placeholder="公司地址" />
          </div>
          <div style="display: flex; justify-content: space-between;margin-bottom: 30px;">
            <select name="HaveOverseasWarehouse" class="select1" id="HaveOverseasWarehouse" onchange="changes(this,'HaveOverseasWarehouse')"
              style="border: 0; padding-left: 10px;border-radius: 6px">
              <option value="" disabled selected>是否用过海外仓</option>
              <option value="是">是</option>
              <option value="否">否</option>
            </select>
            <select name="OperatingProductType" class="select1" id="OperatingProductType" onchange="changes(this,'OperatingProductType')"
              style="border: 0; padding-left: 10px;border-radius: 6px">
              <option value="" disabled selected>经营产品类别</option>
              <option value="家具">家具</option>
              <option value="办公家具">办公家具</option>
              <option value="户外用品">户外用品</option>
              <option value="家具同品">家具同品</option>
              <option value="健身器材">健身器材</option>
              <option value="宠物用品">宠物用品</option>
              <option value="电动工具">电动工具</option>
              <option value="按摩产品">按摩产品</option>
              <option value="其他">其他</option>
            </select>
          </div>
          <div style="display: flex; justify-content: space-between;margin-bottom: 30px;">
            <select name="Experience" class="select1" style="border: 0; padding-left: 10px;border-radius: 6px" id="Experience" onchange="changes(this,'Experience')">
              <option value="" disabled selected>是否有过跨境电商经验</option>
              <option value="是">是</option>
              <option value="否">否</option>
            </select>
            <select name="NumberOfExportContainers" class="select1" id="NumberOfExportContainers" onchange="changes(this,'NumberOfExportContainers')"
              style="border: 0; padding-left: 10px;border-radius: 6px">
              <option value="" disabled selected class="">年出口集装箱数（选填）</option>
              <option value="0-10">0-10</option>
              <option value="10-50">10-50</option>
              <option value="50-100">50-100</option>
              <option value="100-200">100-200</option>
            </select>
          </div>
          <div style="display: flex; justify-content: space-between;">
            <input type="text" class="inputss" style="padding-left: 10px;" placeholder="联系人姓名"
              id="namess" />
            <input type="text" class="inputss" id="phoness" style="padding-left: 10px;"
              placeholder="电话" />
          </div>
          <div style="display: flex; justify-content: space-between;">
            <input type="email" class="inputss" style="padding-left: 10px;" placeholder="邮箱"
              id="email" />
            <input type="text" class="inputss" id="weixin" style="padding-left: 10px;"
              placeholder="微信" />
          </div>
          <div>

          </div>
        </div>
        <div class="rightcontent">
          <div style="height: 550px; width: 560px"><img src="https://image.cloudkinto.com/webhome/formimg.png"
              height="100%" width="100%" alt="" />
          </div>
        </div>
      </div>
    </div>
    <div style="width: 100%; display: flex; justify-content: center; margin-top: 47px">
      <div style="width: 1200px"><button id="submit" class="submits">发送</button></div>
    </div>
    <div style="width: 100%; height: 650px; display: flex; flex-direction: column; align-items: center">
      <div
        style="width: 100; margin-top: 96px; text-align: center; font-size: 38px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: 500; color: #333333">
        联系我们</div>
      <div style="width: 1200px; display: flex; justify-content: space-between;margin-top: 100px;">
        <div class="secondleft">
          <p style="margin-top: 0;">筋斗云物流（苏州）有限公司</p>
          <p>
            <span>联系方式：</span>
            <span class="smallsize">18020248621</span>
          </p>
          <p>
            <span>QQ号码：</span>
            <span class="smallsize">1438610986</span>
          </p>
          <p>
            <span>邮件咨询：</span>
            <span class="smallsize">service@cloudkinto.com</span>
          </p>
          <p style="display: flex;align-items:flex-start;">
            <span>公司地址：</span>
            <span class="smallsize" style="line-height: 34px;">中国（江苏）自由贸易试验区苏州片区苏州<br>
              工业园区启泰街66号3层319室</span>
          </p>
          <div class="imglogo">
            <div style="display: flex;flex-direction: column;align-items: center;justify-content: space-between;">
              <div style="width: 123px;height: 123px"><img width="100%"
                  src="https://image.cloudkinto.com/webhome/gongzhong.png" alt=""></div>
              <p style="font-size: 16px;margin-top: 20px;font-weight: 400;">公众号</p>
            </div>
            <div style="display: flex;flex-direction: column;align-items: center;justify-content: space-between;">
              <div style="width: 123px;height: 123px"><img width="100%"
                  src="https://image.cloudkinto.com/webhome/shipinhao.png" alt=""></div>
              <p style="font-size: 16px;margin-top: 20px; font-weight: 400;">微信号</p>
            </div>
          </div>
        </div>
        <div class="secondright" style="width: 60%;height: 430px;" id="containermap">
          <!-- <img src="https://image.cloudkinto.com/webhome/ditu.png" width="100%" height="100%" alt="" /> -->
        </div>
      </div>
    </div>
    <div class="fixedRight">
      <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1438610986&site=qq&menu=yes" class="fixed-right-link">
        <div>
          <img style="width: 24px; margin-top: 9px" src="http://image.cloudkinto.com/webhome/qqmessage.png"
            alt="点击这里给我发消息" title="点击这里给我发消息" />
        </div>
        <div class="fixed-right-title">在线QQ</div>
      </a>
    </div>
    <!-- <div class="cmid">
        <div class="cmidcont">
          <div class="cmidone">
            <div class="cmidfirst">
              <img src="https://image.cloudkinto.com/webhome/logo2.png" alt />
            </div>
            <div class="cmidsecond">
              <div class="secondone">
                <img src="http://image.cloudkinto.com/webhome/dh1.png" alt />
              </div>
              <div class="secondtwo">18020248621</div>
            </div>
            <div class="cmidsecond">
              <div class="secondone">
                <img src="http://image.cloudkinto.com/webhome/qq123.png" alt />
              </div>
              <div class="secondtwo">1438610986</div>
            </div>
            <div class="cmidsecond">
              <div class="secondone">
                <img src="http://image.cloudkinto.com/webhome/yx1.png" alt />
              </div>
              <div class="secondtwo">service@cloudkinto.com</div>
            </div>
            <div class="cmidsecond">
              <div class="secondone">
                <img src="http://image.cloudkinto.com/webhome/dw1.png" alt />
              </div>
              <div class="secondtwo">
                江苏省苏州市工业园区新平街388号22栋3层
                <br />
                筋斗云物流(苏州)有限公司
              </div>
            </div>
            <div class="cmidlast">
              <div>
                <div class="cmidlastone">
                  <img src="http://image.cloudkinto.com/webhome/gzh.png" alt="筋斗云公众号" />
                </div>
                <div class="cmidlasttwo">公众号</div>
              </div>
              <div>
                <div class="cmidlastone">
                  <img src="http://image.cloudkinto.com/webhome/sph.png" alt="筋斗云视频号" />
                </div>
                <div class="cmidlasttwo">视频号</div>
              </div>
            </div>
          </div>
          <div class="cmidtwo">
            <div class="cmidtwoone">
              <div class="cmidtwoone1">
                <img src="http://image.cloudkinto.com/webhome/fj.png" alt />
              </div>
              <div class="cmidtwoone2">写下您想要咨询的内容，我们会在12小时内联系您，并为您提供一份相关提案。</div>
            </div>
            <div class="cmidtwotwo">
              <div class="cmidtwotwoTop">
                <div class="cmidtwotwo1">*姓名</div>
                <div class="cmidtwotwo2">
                  <input id="user-name" type="text" />
                </div>
              </div>
              <div class="cmidtwotwoTop">
                <div class="cmidtwotwo1">*电话</div>
                <div class="cmidtwotwo2">
                  <input id="user-phone" type="text" />
                </div>
              </div>
              <div class="cmidtwotwoTop">
                <div class="cmidtwotwo1">邮箱</div>
                <div class="cmidtwotwo2">
                  <input id="user-mail" type="text" />
                </div>
              </div>
              <div class="cmidtwotwoTop">
                <div class="cmidtwotwo1">公司名称</div>
                <div class="cmidtwotwo2">
                  <input id="user-com" type="text" />
                </div>
              </div>
            </div>
            <div class="cmidtwothree">留言内容</div>
            <div class="cmidtwofour">
              <textarea id="user-content" name id cols="30" rows="10"></textarea>
            </div>
            <div class="cmidtwofive">
              <button id="submit" style="width: 50%; line-height: 2.5em; margin: auto">提交</button>
            </div>
          </div>
        </div>
      </div> -->
    <!-- <div>
        <baidu-map class="bm-view" :center="{lng: 120.741409, lat: 31.261144}" :zoom="16" scroll-wheel-zoom="true">
          <bm-marker :position="{lng: 120.741409,lat: 31.261144}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE"></bm-marker>
        </baidu-map>
      </div> -->
    <div class="footer">
      <!-- <div class="top">
          <ul>
            <li class="slogn">为您提供专业的海外仓物流服务</li>
            <li class="phone">联系电话：18020248621</li>
            <li class="QC">
              <span>
                <img src="http://image.cloudkinto.com/webhome/qqmessage.png" alt="qq二维码" />
                <div class="position">
                  <img src="http://image.cloudkinto.com/webhome/qq1.png" alt="" width="100%" />
                </div>
              </span>
              <span>
                <img src="http://image.cloudkinto.com/webhome/wx.png" alt="微信二维码" />
                <div class="position">
                  <img src="http://image.cloudkinto.com/webhome/wx1.png" alt="" width="100%" />
                </div>
              </span>
            </li>
          </ul>
        </div>

        <div class="center">
          <ul>
            <li>
              <a href="index.html">首页</a>
            </li>
            <li>
              <a href="TariffProcess.html">资费流程</a>
            </li>
            <li>
              <a href="/news">案例咨询</a>
            </li>
            <li>
              <a href="Introduction.html">公司简介</a>
            </li>
            <li>
              <a href="ContactUs.html">联系我们</a>
            </li>
          </ul>
        </div>
        
        <div class="bottom">
          ©2018-2022 筋斗云物流（苏州）有限公司
          <a href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备2020048360号</a>
        </div> -->
      <div class="bottom bottomsssa">
        <a href="javascript:;" style="padding-right: 79px">©2018-2022 筋斗云物流（苏州）有限公司</a>
        <a href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备2020048360号</a>
        <a href="javascript:;" style="padding-right: 46px">网络违法犯罪举报</a>
        <a href="javascript:;">关于我们&nbsp;&nbsp; &nbsp; 联系我们&nbsp; &nbsp; &nbsp; 网站地图 &nbsp; &nbsp; &nbsp; 法律声明</a>
      </div>
    </div>
  </div>
</body>
<script src="./js/jquery.min.js"></script>
<!-- <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=FciqdjXGbGMKN0PXn3ZKWoK6zOAPkpA0">
</script> -->
<script type="text/javascript" charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=	
7XQBZ-N2BKJ-CMBFP-FOETV-77NXT-RMBUN"></script>
<script>
   function copy() {
    const range = document.createRange();
    range.selectNode(document.getElementById('text'));
    const selection = window.getSelection();
    if (selection.rangeCount > 0) selection.removeAllRanges();
    selection.addRange(range);
    document.execCommand('copy');
    alert("复制成功！");
    selection.removeAllRanges()
  }
  $(".formcontent select").addClass('txtone')
  function changes(event,play) {
    
    // console.log(event,play)
    let result = $("#"+play).val()
    //  let result=$("#storage2").val()
    if (result == '') {
      $("#"+play).addClass('txtone')
    } else {
      $("#"+play).removeClass('txtone')
    }
  }
 
  // function changes2(e) {
  //   console.log(e)
  //   let result = $("#storage2").val()
  //   //  let result=$("#storage2").val()
  //   if (result == '需求类型') {
  //     $("#storage2").addClass('txtone')
  //   } else {
  //     $("#storage2").removeClass('txtone')
  //   }
  // }
  $("#submit").click(function (e) {
    let namex = $("#namex").val()//公司名称
    let Personnel = $("#Personnel").val()//人员规模
    let Export = $("#Export").val()//出口规模
    let TypeOfCompany = $("#TypeOfCompany").val()//公司类型
    let address = $("#address").val()//公司地址
    let HaveOverseasWarehouse = $("#HaveOverseasWarehouse").val()//是否用过海外仓
    let OperatingProductType = $("#OperatingProductType").val()//经验产品类别
    let Experience = $("#Experience").val()//是否有经验
    let NumberOfExportContainers = $("#NumberOfExportContainers").val()//年出口集装箱数（选填）
    let namess = $("#namess").val()//联系人姓名
    let phoness = $("#phoness").val()//电话
    let email = $("#email").val()//邮箱
    let weixin = $("#weixin").val()//微信
   
    if (!namex && !Personnel && !Export && !TypeOfCompany && !address && !HaveOverseasWarehouse && !OperatingProductType&&!Experience&&!namess&&!phoness&&!email) {
      alert("信息不完整");
      return;
    }

    $.ajax({
      method: "post",
      url: "https://www.cloudkinto.com/api/coverShows/advice",
      contentType: "application/json",
      dataType: "json",
      data: JSON.stringify({
        namex: namex,
        personnel:Personnel,
        export:Export,
        typeOfCompany:TypeOfCompany,
        address:address,
        haveOverseasWarehouse:HaveOverseasWarehouse,
        operatingProductType:OperatingProductType,
        experience:Experience,
        numberOfExportContainers:NumberOfExportContainers,
        namess:namess,
        phoness:phoness,
        email:email,
        weixin:weixin
      }),
      success: function (res) {
        if (res.code === "200") {
          alert("咨询成功,稍后会有专人联系您");
        }
      }
    });
  });
</script>
<script type="text/javascript">
  window.onload = function () {
    let result = $("#storage1").val()
    let result2 = $("#storage2").val()
    if (result == '组织类型') {
      $("#storage1").addClass('txtone')
    } else {
      $("#storage1").removeClass('txtone')
    }
    if (result2 == '需求类型') {
      $("#storage2").addClass('txtone')
    } else {
      $("#storage2").removeClass('txtone')
    }

    // GL版命名空间为BMapGL
    // 按住鼠标右键，修改倾斜角和角度
    // var map = new BMapGL.Map("allmap"); // 创建Map实例
    // map.centerAndZoom(new BMapGL.Point(116.28019, 40.049191), 19); // 初始化地图,设置中心点坐标和地图级别
    // map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    // map.setHeading(64.5);
    // map.setTilt(73);

    //新建一个地图上点
    var center = new TMap.LatLng(31.251598, 120.734337);
    var centerHeight = new TMap.LatLng(39.98210863924864, 116.31310899739151, 134);

    // 初始化地图
    var map = new TMap.Map('containermap', {
      zoom: 17, // 设置地图缩放
      center: new TMap.LatLng(31.251598, 120.734337), // 设置地图中心点坐标，
      pitch: 0, // 俯仰度
      rotation: 0, // 旋转角度
    });

    // MultiMarker文档地址：https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocMarker
    var marker = new TMap.MultiMarker({
      map: map,
      styles: {
        // 点标记样式
        marker: new TMap.MarkerStyle({
          width: 20, // 样式宽
          height: 30, // 样式高
          anchor: {
            x: 10,
            y: 30
          }, // 描点位置
        }),
      },
      geometries: [
        // 点标记数据数组
        {
          // 标记位置(纬度，经度，高度)
          position: center,
          id: 'marker',
        },
      ],
    });
    $("#newlogo").click(function(){
      window.location.href="https://www.cloudkinto.com/index.html"
   })
  }
</script>

</html>